@import './s_config';
.containt-left{
    float: left;
    border:1px solid #dddddd;
    width:188px;
    background: #fff;
    min-height:807px;
    ul{
        li{
            a.first-menu{
                padding-left:30px;
                display: block;
                border-bottom:1px solid #eee;
                height:100%;
                line-height: 50px;
                font-size:14px;
                color: #333;
                &:hover{
                    color: #f76867;
                    i{
                        background: #f76867;
                    }
                }
            }

            a.first-menu i,ul li i{
                margin-right: 9px;
                display: inline-block;
                border-radius: 2px;
                width:4px;
                height:4px;
                background: #e7e7e7;
                vertical-align: middle;
            }
            a.hasChildMenu {
                padding-left:44px;
                cursor: default;
                &:hover{
                    color: #333 !important;
                }
            }
            ul{
                padding:8px 0;
                border-bottom:1px solid #eee;
                li{
                    height:40px;
                    line-height: 40px;
                    text-align: left;
                    a{
                        padding-left:44px;
                        display: block;
                        font-size:12px;
                        color: #999;
                        em{
                            margin-left:12px;
                            display:inline-block;
                            border-radius: 4px;
                            width:20px;
                            height:15px;
                            line-height: 15px;
                            text-align:center;
                            background:#f76867;
                            color:#fff;
                            font-size:12px;
                            vertical-align: middle;
                        }
                    }
                    &:hover{
                        a{
                            color: #f76867;
                            i{
                                background: #f76867;
                            }
                            em{
                                color:#fff;
                                background:#f76867;
                            }
                        }
                    }
                }
            }

        }
    }
}
.active>a{
    color: #fff !important;
    background: #f76867 !important;
}
.active>a em{
    background: #fff !important;
    color: #f76867 !important;
}
.active>a i{
    background: #fff !important;
}
.active:hover>a{
    color: #fff !important;
}
.active:hover>a i{
    background: #fff !important;
}

.containt-right{
    float: right;
    width: 990px !important;
}